<template>
  <div class="row-item" :style="style"><slot></slot></div>
</template>
<script>
export default {
  name: 'RowItem',
  props: {
    flex: {
      type: Boolean,
      default: false
    }
  },
  setup(props) {
    const style = props.flex ? { flex: 1 } : {}
    return {
      style
    }
  }
}
</script>
<style lang="scss" scoped>
  .row-item {
    height: 100%;
    box-sizing: border-box;
  }
</style>
